<style lang="less" scoped>
  .sort_wrap {
    overflow: hidden; margin-bottom: 2px; background-color: #fff; 
    span {float: left; height: 0.7rem; width: 33.33%; line-height: 0.7rem; text-align: center; color: #666; font-size: 0.28rem; box-sizing: border-box;}
    span.active {border-bottom: 3px solid #d3ac6f; color: #d3ac6f;}
    span.active i {background: url("/static/images/icon_sort_t.png") no-repeat 0 0; background-size: 100%;}
    span i {display: inline-block; vertical-align: middle; width: 0.3rem; height: 0.36rem; background: url("/static/images/icon_sort_f.png") no-repeat 0 0; background-size: 100%;}
  }
  .mdselist_wrap {
    background-color: #fff; padding: 0 0.3rem 1.1rem;
    .mdse_wrap {overflow: hidden;}
  }
</style>
<template>
  <div>
    <NoMore v-if="false">暂无商品信息</NoMore>
    <template v-else>
      <div class="sort_wrap">
        <span class="active">综合排序</span>
        <span>销量<i></i></span>
        <span>价格</span>
      </div>
      <div class="mdselist_wrap">
        <div class="mdse_wrap">
          <ul>
            <MdseItem></MdseItem>
            <MdseItem></MdseItem>
            <MdseItem></MdseItem>
            <MdseItem></MdseItem>
          </ul>
        </div>
      </div>
    </template>
  </div>
</template>
<script>
import MdseItem from '../Common/MdseItem'
import NoMore from '../Common/NoMore'

export default {
  components: { MdseItem, NoMore },
}
</script>
